<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="zh-CN">

<head>
<title>赌我会瘦</title>
<%@ include file="/WEB-INF/include/meta.jsp"%>
<%@ include file="/WEB-INF/include/css.jsp"%>
</head>
<!-- end header -->

<body>
  <div class="page-group">
    <div class="page page-current bet-rule-page bg-light-gray">
      <header class="bar bar-nav fb-header has-img-header">
			  <a href="javascript:void(0);" class="pull-left logo">
			    <img src="${ctx.resource}/images/rule-header-left.png">
			  </a>
			  <h1 class="title"><img src="${ctx.resource}/images/rule-header-title.png"></h1>
			  <a href="javascript:void(0);" class="pull-right user-cover">
			    <img src="${ctx.resource}/images/user-cover.png">
			  </a>
			</header>
			
      <div class="bar bar-footer fb-footer">
			  <a href="${ctx.host}/activities/rules" class="button button-big fb-button">我也要参与挑战</a>
			</div>
      <div class="content">
      	<div class="content-padded challenger-info">
      	  <div class="challenger-cover">
      	    <img src="${ctx.resource}/images/challenger-cover.png" alt="" class="img-style">
      	    <div class="bet-title">Sara的28天瘦5%挑战
      	      <p class="no-margin">竞猜时间: 2018.12.12-2018.12.18</p>
      	    </div>
      	    
      	    <div class="share"><i class="iconfont icon-share" style="font-size: 1.3rem; display: block; line-height: 1;"></i>分享</div>
      	    
      	    <div class="user-cover">
      	      <img src="${ctx.resource}/images/user-cover.png" alt="">
      	    </div>
      	    
      	  </div>
      	</div>
      	<div class="bonus content-padded">
      	  <div class="activity-bonus">
            <div class=" text-center number">
              <img src="${ctx.resource}/images/bonus.png" style="display: inline-block;height: 1.2rem; vertical-align: middle;"/>
              <div class="people-number" style="display: inline-block;"><span class="item">5</span><span class="item">8</span></div>人参与
            </div>
            <div class="text-center">
	            <div class="price clearfix">
	              <span class="item">￥</span>
	              <span class="item">8</span>
	              <span class="item">9</span>
	              <span class="item">5</span>
	              <span class="item">0</span>
	              <span class="pull-left">.</span>
	              <span class="item">0</span>
	              <span class="item">0</span>
	            </div>
	          </div>
          </div>
          <img src="${ctx.resource}/images/interval.png" class="img-style" alt="" />
          <div class="support-button-layout clearfix">
            <a href="${ctx.host}/bet-shopping/prepare?userActivityId=1" class="button support-button">看好她</a>
            <a href="${ctx.host}/bet-shopping/prepare?userActivityId=1" class="button support-button nonsupport-button">不看好她</a>
          </div>
          <div class="progress">
            <div class="progress-text clearfix">
              <div class="pull-left">看好8</div>
              <div class="pull-right">不看好5</div>
            </div>
            <div class="progress-bar">
              <div class="progress-bg"></div>
            </div>
          </div>
          
          <div class="supporter-layout">
            <div class="supporter-box">
						  <img src="${ctx.resource}/images/user-cover.png" class="user-cover">
						  <span>Ange...</span>
						  <span class="color-red">看好￥50</span>
            </div>
            <img src="${ctx.resource}/images/user-cover.png" class="user-cover" alt="">
            <img src="${ctx.resource}/images/user-cover.png" class="user-cover" alt="">
          </div>
      	</div>
      	<div class="rule-layout">
      	  <div class="main">
	      	  <div class="block-title text-center"><img src="${ctx.resource}/images/activity-title.png" style="margin-left: -1.5rem;">基本规则</div>
	      	  <div class="description">
	每位参赛者支付人民币100元契约金，放入奖金池。四周时间内，成功减掉初始体重的5%或以上的小伙伴，将平分奖金池内的所有奖金，其中6%为平台服务费由平台收取。减重失败则不返还契约金。</div>
	      	  <div class="block-title text-center"><img src="${ctx.resource}/images/activity-title.png" style="margin-left: -1.5rem;">好友加注</div>
	      	  <div class="description">
						  <p>参赛者可以邀请好友加注，数量不限。好友不直接参与比赛，没有减重的要求。每位好友同样需要支付50元契约金。</p>
						  <p>参赛者减重成功，则好友同样瓜分奖金池，其中6%为平台服务费由平台收取。参赛者减重失败，则好友同样损失契约金。</p>
						</div>
						<div class="block-title text-center"><img src="${ctx.resource}/images/activity-title.png" style="margin-left: -1.5rem;">sss加注</div>
	      	  <div class="description">
						  <p>参赛者可以邀请好友加注，数量不限。好友不直接参与比赛，没有减重的要求。每位好友同样需要支付50元契约金。</p>
						  <p>参赛者减重成功，则好友同样瓜分奖金池，其中6%为平台服务费由平台收取。参赛者减重失败，则好友同样损失契约金。</p>
						</div>
						<div class="text-center open-more">
						  <img src="${ctx.resource}/images/down-arrow.png" style="display: block; width: 1.05rem; margin:0 auto .25rem;">展开
						</div>
				  </div>
					
					<div class="video-layout">
					  <div class="video-header"><span style="font-size: .7rem; color: #999;">活动前体重</span><br>43.0<span style="font-size: .9rem; font-weight: 500;">kg</span></div>
					  <div class="video-content">
					    <img src="${ctx.resource}/images/bet-video.png" style="width: 100%; display: block;" alt="" >
					  </div>
					</div>
      	</div>
      	
        <%-- <div class="content-padded">
          <h1>竞猜者已投注.jpg</h1>
        </div>
        <div class="content-block">
          <p><a href="${ctx.host}/bet-shopping/prepare?userActivityId=1" class="button button-big">看好他</a></p>
          <p><a href="${ctx.host}/bet-shopping/prepare?userActivityId=1" class="button button-big">不看好他</a></p>
          <p><a href="${ctx.host}/activities/rules" class="button button-big">立即参与</a></p>
        </div> --%>
      </div>
    </div>
  </div>
  <%@ include file="/WEB-INF/include/script.jsp"%>
  <d:resource type="script" root="${ctx.resource}/build" src="js/page/bet/bet-index.js" />
  <script type="text/javascript">
    require(['page/bet/bet-index'], function(page) {
      page.init({
        /* jsConfig: JSON.parse('${jsConfig}') */
      })
    })
  </script>
</body>
</html>